<html>

<head>
    <title>留言版</title>
    <meta charset="UTF-8">
    <script src="js/jquery.js" type="text/javascript"></script>
    <link href="css/swiper.min.css" rel="stylesheet" type="text/css" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">
    <script src="js/swiper.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="css/messageBoard.css">
    <link rel="stylesheet" href="css/mui.css">
    <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
</head>

<body style="padding:0px;margin:0px;background:#006411;;background-size:100% 100%;" onLoad="scrollBy(0, document.body.scrollHeight)">
    <div id="messageBoard_page">
        <header class="mui-bar mui-bar-nav">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
            <div class="mui-title">
                留言板
            </div>
        </header>
        <!-- <audio id="music" src="video/BeTheBest.mp3" autoplay="autoplay" loop="loop"></audio>
        <a id="audio_btn"><img src="img/works/play.png" width="40" height="45" id="music_btn" border="0"></a> -->
        <div class="swiper-container">
            <div id="conts">
                <div style="position:absolute;background:#000;z-index:99999;width:260px;top:20%;left:30%;display:none;"
                    id="showmeg" class="swing">
                    <p style="color:#4BACC6;">来了就留个纪念吧</p>
                </div>
                <div class="dm">
                    <div class="d_screen">
                        <a href="#" class="d_del">X</a>
                        <!-- <div class="d_mask"></div> -->
                        <div class="d_show show_1">
                            <div v-for="(item, index) in data1" :key="index" :style="{'color':item.attributes.color}">{{item.attributes.text}}</div>
                        </div>
                        <div class="d_show show_2">
                            <div v-for="(item, index) in data2" :key="index" :style="{'color':item.attributes.color}">{{item.attributes.text}}</div>
                        </div>
                        <div class="d_show show_3">
                            <div v-for="(item, index) in data3" :key="index" :style="{'color':item.attributes.color}">{{item.attributes.text}}</div>
                        </div>
                        <div class="d_show show_4">
                            <div v-for="(item, index) in data4" :key="index" :style="{'color':item.attributes.color}">{{item.attributes.text}}</div>
                        </div>
                        <div class="d_show show_5">
                            <div v-for="(item, index) in data5" :key="index" :style="{'color':item.attributes.color}">{{item.attributes.text}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="position:fixed;left:0%;bottom:0px;height:58px;width:100%;border-top:solid 1px #a58e78;background-color:#000;z-index:99999; ">
            <form id="reply-form2" action="tanmu.php" method="post" style="padding-top:8px;padding-bottom:30px;">
                <div class="input" style="width:70%;float:left;margin-left:5%;">
                    <input id="reply-write" name="content" type="text" value="" placeholder="输入文字">
                </div>
                <div class="send-btn">
                    <a style="background-color:#6731D2;color:#fff;width: 4em;height: 2.5em;display: inline-block;text-align: center;line-height: 2.5em;cursor:pointer"
                        @click="send">留言</a>
                </div>
            </form>
        </div>
    </div>
</body>

</html>
<script src="js/av-min.js"></script>
<script src="js/common.js"></script>
<script src="js/messageBoard.js"></script>